﻿(function($) {
    $.fn.extend({
        collapsiblePanel: function() {
            return $(this).each(ConfigureCollapsiblePanel);
        }
    });
})(jQuery);

function ConfigureCollapsiblePanel() {
    $(this).children().wrapAll("<div class='collapsibleContainerContent ui-widget-content' id='collapsibleContainerContent" + $(this)[0].id + "'></div>");
}
var expandedObj = {
    collapsibleContainer1:false,
    collapsibleContainer3:false,
    collapsibleContainer4:false
};
function CollapsibleContainerTitleOnClick(id) {
    $("#collapsibleContainerContent" + id).slideToggle(100,function(){
        if(expandedObj[id]){
            expandedObj[id] = false;
            $(this).parent().css("margin-bottom","0px");
        }
        else{
            expandedObj[id] = true;
            $(this).parent().css("margin-bottom","10px");
        }
    });
}
